<template>
  <transition :name="name" appear
    :appear-class="`${name}-enter`"
    :appear-active-class="`${name}-enter-active`"
    :appear-to-class="`${name}-enter-to`"
  ><slot></slot></transition>
</template>

<script>
export default {
  props: [
    'name'
  ],

  data (){
    return {

    }
  },

  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
